import MangaCard from "@/components/cards/manga-card"

// 模拟漫画数据
const mangaData = [
    { title: "进击的巨人", author: "谏山创", rating: 9.2, status: "已完结" as const, tags: ["动作", "剧情"], chapters: 139 },
    { title: "鬼灭之刃", author: "吾峠呼世晴", rating: 8.9, status: "已完结" as const, tags: ["动作", "超自然"], chapters: 205 },
    { title: "海贼王", author: "尾田荣一郎", rating: 9.5, status: "连载中" as const, tags: ["冒险", "友情"], chapters: 1095 },
    { title: "火影忍者", author: "岸本齐史", rating: 8.8, status: "已完结" as const, tags: ["忍者", "友情"], chapters: 700 },
    { title: "龙珠", author: "鸟山明", rating: 9.1, status: "已完结" as const, tags: ["格斗", "冒险"], chapters: 519 },
    { title: "死神", author: "久保带人", rating: 8.5, status: "已完结" as const, tags: ["超自然", "动作"], chapters: 686 },
    { title: "咒术回战", author: "芥见下下", rating: 8.7, status: "连载中" as const, tags: ["超自然", "学园"], chapters: 245 },
    { title: "我的英雄学院", author: "堀越耕平", rating: 8.4, status: "连载中" as const, tags: ["超级英雄", "学园"], chapters: 405 },
    { title: "东京喰种", author: "石田翠", rating: 8.6, status: "已完结" as const, tags: ["黑暗", "超自然"], chapters: 143 },
    { title: "一拳超人", author: "ONE", rating: 9.0, status: "连载中" as const, tags: ["超级英雄", "搞笑"], chapters: 195 },
    { title: "约定的梦幻岛", author: "白井カイウ", rating: 8.3, status: "已完结" as const, tags: ["悬疑", "惊悚"], chapters: 181 },
    { title: "钢之炼金术师", author: "荒川弘", rating: 9.3, status: "已完结" as const, tags: ["奇幻", "冒险"], chapters: 108 },
    { title: "猎人×猎人", author: "富樫义博", rating: 9.4, status: "暂停" as const, tags: ["冒险", "格斗"], chapters: 390 },
    { title: "黑子的篮球", author: "藤卷忠俊", rating: 8.2, status: "已完结" as const, tags: ["体育", "学园"], chapters: 275 },
    { title: "排球少年", author: "古馆春一", rating: 8.8, status: "已完结" as const, tags: ["体育", "青春"], chapters: 402 },
    { title: "食戟之灵", author: "附田祐斗", rating: 7.9, status: "已完结" as const, tags: ["料理", "学园"], chapters: 315 },
    { title: "七大罪", author: "铃木央", rating: 8.1, status: "已完结" as const, tags: ["奇幻", "冒险"], chapters: 346 },
    { title: "妖精的尾巴", author: "真岛浩", rating: 7.8, status: "已完结" as const, tags: ["魔法", "冒险"], chapters: 545 },
    { title: "银魂", author: "空知英秋", rating: 8.9, status: "已完结" as const, tags: ["搞笑", "动作"], chapters: 704 },
    { title: "暗杀教室", author: "松井优征", rating: 8.5, status: "已完结" as const, tags: ["学园", "搞笑"], chapters: 180 }
];

export default function Mangas() {
    return (
        <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-7 gap-4">
            {mangaData.map((manga, index) => (
                <MangaCard
                    key={index}
                    id={(index + 1).toString()}
                    title={manga.title}
                    author={manga.author}
                    rating={manga.rating}
                    status={manga.status}
                    tags={manga.tags}
                    chapters={manga.chapters}
                />
            ))}
        </div>
    )
}